<script setup lang="ts">
import { ref } from 'vue';

const text = ref('');
const textButtonContent = ref('查询');
const searchIconContent = ref('<i class="f-icon f-icon-search"></i>');
const passwordIconContent = ref('<i class="f-icon f-icon-eye"></i>');
</script>
<template>
    <div class="my-2">
        <span>缺省按钮: </span>
    </div>
    <f-button-edit v-model="text"></f-button-edit>
    <div class="my-2">
        <span>文本按钮: </span>
    </div>
    <f-button-edit :button-content="textButtonContent" v-model="text"></f-button-edit>
    <div class="my-2">
        <span>查询按钮: </span>
    </div>
    <f-button-edit :button-content="searchIconContent" v-model="text"></f-button-edit>
    <div class="my-2">
        <span>密码按钮: </span>
    </div>
    <f-button-edit :button-content="passwordIconContent" v-model="text"></f-button-edit>
</template>
